import { useNavigate } from 'react-router-dom'
import { DownOutlined, CaretUpOutlined, CaretDownOutlined,CommentOutlined,HeartOutlined,SendOutlined,RedditOutlined } from '@ant-design/icons';
import t1 from '../../img/image.png'

const Index = () => {
    const navigate = useNavigate()

    return (
        <div>
            <button onClick={()=>navigate('/')}>返回</button>
            <br />
            <h2>详情</h2>
            <div>
          <h3>你们都以什么方式认识的另一半?</h3>
          <dl style={{display:"flex",alignItems:'center'}}>
            <dt>
              <img src={t1} alt="" />
            </dt>
            <dd>
              修文德以来远人:21年刚买房的时候在业主群刚发的纷纷为大概就是发动机躲技能u四横峰街道接us回复胶擦...
              <p style={{fontWeight:'bold',fontSize:'10px',color:'blue'}}>阅读全文<DownOutlined /></p>
            </dd>
          </dl>
          <div style={{display:"flex",alignItems:'center',justifyContent:'space-around'}}>
            <button style={{color:"blue",background:'#cff'}}><CaretUpOutlined /> 赞同 169 </button>
            <button style={{color:"blue",background:'#cff'}}><CaretDownOutlined /></button>
            <span><CommentOutlined /> 93 条评论</span>
            <span><SendOutlined /> 分享</span>
            <span><RedditOutlined /> 收藏</span>
            <span><HeartOutlined /> 喜欢</span>
            <span>...</span>
          </div>
        </div>
        </div>
    )
}

export default Index
